<template>
  <div class="yd-ls-title">

    <div class="yd-cell-item yd-ls-title-bar">
      <div class="yd-cell-left">
        <span class="yd-cell-icon"></span>
        <span v-text="lftit"></span>
      </div>
      <div class="yd-cell-right">
        <span v-text="rgtit" @click="rgTitle"></span>
      </div>
    </div>
  </div>
</template>

<style>
  .yd-ls-title {
    margin-top: .15rem;
  }
  .yd-ls-title .yd-ls-title-bar {
    background-color: rgb(255,255,255);
    border-bottom: 1px solid #c6c6c6
  }
  .yd-ls-title .yd-ls-title-bar:before {
    width: 0.07rem;
    height: 0.4rem;
    background-color: #4870f3;
    position: absolute;
    top: 0.14rem;
    left: 0;
    content: '';
  }
  .yd-ls-title .yd-cell-item:not(:last-child):after {
    margin-left: inherit;
  }
  .yd-ls-title .yd-cell-right {
    min-height: 0.67rem;
  }
  .yd-ls-title .yd-cell-left span {
    font-weight: 600;
  }
</style>
<script>
    export default {
        name: '',
        props: {
          lftit: String,
          rgtit: String
        },
        data() {
            return {
            }
        },
        methods: {
          rgTitle () {
            this.$emit('rg-title')
          }
        },
        mounted() {
        },
        components: {}


    }
</script>
